/* pages/login/login.wxss */

page{
  background-color: #1fc6a0;
  color: #fff;
}

.logo{
  margin-bottom: 20px;
  text-align: center;
  .logoImg{
    width: 70px;
    height: 70px;
    margin: 20px auto;
    background-size: cover ;
    border-radius: 50%;
    background-color: #fff;
    border :1px solid #fff;
  }
}

.sysTitle{
  text-align: center;
  font-size:2em;
  font-weight: bold;
  margin-bottom:20px;
}

.form{
  margin-bottom: 20px;
  padding: 20px 40px;
  .row{
    position: relative;
    margin-bottom: 10px;
    .editor{
      height: 50px;
      line-height: 50px;
      width:100%;
      background-color: #fff;
      border-radius: 25px;
      color: #444;
      padding-left: 50px;
      box-sizing: border-box;
    }
    image{
      position: absolute;
      width: 32px;
      height: 32px;
      left: 10px;
      top: 9px;
    }
  }
}

.btns{
  padding:0 40px;
  .btn{ 
    height: 50px;
    margin-bottom: 30px;
    line-height: 50px; 
    display: flex;
    align-items: center;
    font-size: 1.2em;
    font-weight: bold;
    justify-content: center;
    background-color: #11aa86;
    border-radius: 25px;
    image{
      width: 32px;
      height: 32px; 
      margin-left:10px ;
    }
  }
  .btn:active{
    background-color: #088d6e;
  }
}

.copyRight{  
  text-align: center;
  position: fixed;
  width: 100%;
  bottom: 20px;
  font-size: 0.9em;
}